<template>
  <div class='p10 fw'>
    <div class="fw">
      <el-card :body-style="{ padding: '0px' }">
        <div slot="header">
          <span>温度阈值配置</span>
        </div>
        <div>
          <el-row>
            <el-col :span="12">告警温度</el-col>
            <el-col :span="12"><el-input v-model="temwarnval"></el-input>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">正常温度</el-col>
            <el-col :span="12"><el-input v-model="temnorval"></el-input></el-col>
          </el-row>
          <el-row>
            <el-col :span="24"><el-button type="primary" @click="1">提交</el-button>
            </el-col>
          </el-row>
          
        </div>
      </el-card>
      <el-card :body-style="{ padding: '0px' }">
        <div slot="header">
          <span>湿度阈值配置</span>
        </div>
        <div>
          <el-row>
            <el-col :span="12">告警湿度</el-col>
            <el-col :span="12"><el-input v-model="humwarnval"></el-input></el-col>
          </el-row>
          <el-row>
            <el-col :span="12">正常湿度</el-col>
            <el-col :span="12"><el-input v-model="humwarnval"></el-input></el-col>
          </el-row>
          <el-row>
            <el-col :span="24"><el-button type="primary" @click="1">提交</el-button>
            </el-col>
          </el-row>
          
        </div>
      </el-card>
      <el-card :body-style="{ padding: '0px' }">
        <div slot="header">
          <span>通信阈值配置</span>
        </div>
        <div>
          <el-row>
            <el-col :span="12">告警值</el-col>
            <el-col :span="12"><el-input v-model="pingwarnval"></el-input></el-col>
          </el-row>
          <el-row>
            <el-col :span="12">正常值</el-col>
            <el-col :span="12"><el-input v-model="pingwarnval"></el-input></el-col>
          </el-row>
          <el-row>
            <el-col :span="24"><el-button type="primary" @click="1">提交</el-button>
            </el-col>
          </el-row>
          
        </div>
      </el-card>
      
    </div>
  </div>
</template>
<script>
export default {
  components: {
    
  },
  data() {
    return {
    };
  },
  computed: {
    
  },
  watch: {
    
  },
  mounted() {
    
  },
  methods: {
    
  },
}
</script>
<style lang='scss'>
.el-card{
  margin: 20px;
  .el-row{
    margin: 10px;
    .el-col{
      display: flex;
      justify-content: center;
      align-items: center;
      height: 40px;
    }
  }
}
</style>